<template>
   <view>		
		<view class="container">
			<view class="card">
				<view class="fui-list">
					<view class="fui-list-info">
						<view class="title tbg">巨头鲸店长</view>
						<view class="text">有效期至2020年12月26日</view>
					</view>
				</view>
				<view class="fui-list">
					<view class="price">
						<view class="title">0.00</view>
						<view class="text">今日总营收（元）</view>
					</view>
				</view>
				<view class="fui-list" >
					<view class="pricesm">
						<view class="title">10000</view>
						<view class="text">充值金额（元）</view>
					</view>
					<view class="pricesm">
						<view class="title">0</view>
						<view class="text">可用金额（元）</view>
					</view>
					<view class="pricesm">
						<view class="title">10000</view>
						<view class="text">冻结金额（元）</view>
					</view>
				</view>
			</view>
			<view class="fui-block-group iconf sale col-4">
				<view class="fui-block-child">
					<image src="../../static/manager/check.png"/><text>供货价55折</text>
				</view>
				<view class="fui-block-child">
					<image src="../../static/manager/check.png"/><text>创建圈子</text>
				</view>
				<view class="fui-block-child">
					<image src="../../static/manager/check.png"/><text>加入圈子</text>
				</view>
				<view class="fui-block-child">
					<image src="../../static/manager/check.png"/><text>管理基金</text>
				</view>
				<view class="fui-block-child">
					<image src="../../static/manager/check.png"/><text>店长管理</text>
				</view>
				<view class="fui-block-child">
					<image src="../../static/manager/check.png"/><text>独立商城</text>
				</view>
			</view>
			<view class="fui-cell-group">
				<view class="fui-cell">
					<view class="fui-cell-text">店长管理</view>
					<navigator class="fui-cell-remark">查看更多</navigator>
				</view>
			</view>
			<view class="fui-block-group tnum col-3">
				<view class="fui-block-child">
					<view>10</view>
					<view>店长人数（个）</view>
				</view>
				<view class="fui-block-child">
					<view>10000</view>
					<view>总营收（元）</view>
				</view>
				<view class="fui-block-child">
					<view>5000</view>
					<view>管理基金5%（元）</view>
				</view>	
			</view>
			<view class="fui-cell-group">
				<view class="fui-cell">
					<view class="fui-cell-text">资金管理<text>总收益=VIP价差+店长成长基金</text></view>
					<navigator class="fui-cell-remark">我要提现</navigator>
				</view>
			</view>
			<view class="fui-block-group tnum col-3">
				<view class="fui-block-child">
					<view>10559</view>
					<view>总收益（元）</view>
				</view>
				<view class="fui-block-child">
					<view>160659</view>
					<view>总金额（元）</view>
				</view>
				<view class="fui-block-child">
					<view>8559</view>
					<view>总余额（元）</view>
				</view>	
			</view>
			<view class="fui-cell-group">
				<view class="fui-cell">
					<view class="fui-cell-text">店铺管理</view>
					<navigator class="fui-cell-remark">查看更多</navigator>
				</view>
			</view>
			<view class="fui-block-group iconf col-4">
				<navigator class="fui-block-child">
					<image src="../../static/manager/addgoods.png"/>
					<view>添加商品</view>
				</navigator>
				<navigator class="fui-block-child">
					<image src="../../static/manager/goods.png"/>
					<view>商品管理</view>
				</navigator>
				<navigator class="fui-block-child">
					<image src="../../static/manager/shop.png"/>
					<view>商城设置</view>
				</navigator>
				<navigator class="fui-block-child">
					<image src="../../static/manager/order.png"/>
					<view>订单管理</view>
				</navigator>
				<navigator class="fui-block-child">
					<image src="../../static/manager/client.png"/>
					<view>客户管理</view>
				</navigator>
				<navigator class="fui-block-child">
					<image src="../../static/manager/team.png"/>
					<view>圈子动态</view>
				</navigator>
				<navigator class="fui-block-child">
					<image src="../../static/manager/publish.png"/>
					<view>发布素材</view>
				</navigator>
			</view>
		</view>
		<footernav></footernav>
   </view>
</template>

<script>
var t = getApp().globalData,
	e = t.requirejs('core'),
	i = t.requirejs('foxui'),
	a = t.requirejs('jquery');
	export default {
		data() {
			return {
			}
		},		
		methods: {
			
		}
	}
</script>

<style lang="scss">
@import '../../uni.scss';
page{
	background: #fff;
}
.container{
	padding: 10rpx 20rpx 100rpx;
}

.title{
	font-size: 30rpx;
	font-weight: bold;
	padding-bottom: 10rpx;
}
.card{
	height: 350rpx;
	background: linear-gradient(90deg,#fdd497,#e0a85a);
	background-size: cover;
	border-radius: 20rpx;
	padding: 30rpx;
	margin-top: 20rpx;
	color: #523111;
}
.card .fui-list{
	justify-content: space-between;
}

.card .fui-list::before{
	display: none;
}
.card .text{
	font-size: 24rpx;
	color: #856737;
}
.card .title.tbg{
	font-size: 40rpx;
	margin-bottom: 20rpx;
}
.code{
	font-weight: bold;
}
.price{
	width: 50%;
}
.price .title{
	font-size: 45rpx;
}
.pricesm{
	width: 33.33%;
}
.card .fui-list:first-child{
	padding-bottom: 40rpx;
}
.card .fui-list:last-child{
	border-top: 1px solid rgba(0,0,0,.2);
}
.fui-cell-group .fui-cell{
	padding-top:10rpx;
}
.fui-cell-group .fui-cell .fui-cell-text{
	font-size: 35rpx;
	font-weight: bold;
}
.fui-cell-group .fui-cell .fui-cell-remark{
	font-size: 24rpx;
}
.fui-cell-group .fui-cell .fui-cell-remark:after{
	width: 14rpx;
	height: 14rpx;
}
.fui-block-group{
	margin-top: 0;
	padding-bottom: 20rpx;
}
.fui-block-child{
	text-align: center;
	font-size: 24rpx;
}
.fui-block-child image{
	width: 55rpx;
	height: 55rpx;	
	margin: 0 auto 20rpx;
}
.fui-block-group.iconf .fui-block-child:before,.fui-block-group .fui-block-child:after{
	display: none;
}
.fui-cell-group .fui-cell .fui-cell-text text{
	font-size: 24rpx;
	color: #888;
	font-weight: normal;
	padding-left: 10rpx;
}
.fui-block-group.tnum .fui-block-child view:first-of-type{
	font-size: 32rpx;
	font-weight: bold;
	padding-bottom: 10rpx;
	color: #c58b3b;
}
.fui-block-group.tnum .fui-block-child view:last-of-type{
	color: #888;
}
.sale{
	margin: 20rpx 0 0;
	padding-bottom: 0;
}
.sale .fui-block-child{
	display: flex;
	// align-items: center;
	// justify-content: center;
	height: 40rpx;
}
.sale image{
	width: 30rpx;
	height: 30rpx;
	margin: 0 10rpx 0 0;
	padding-left: 5rpx;
}
.fui-list:active {
    background:initial !important;
}

</style>
